<template>
    <div>
        <h1>{{ message }}</h1>
        <button @click="updateMessage">Change Message</button>
    </div>
</template>

<script>
import { ref } from 'vue';

export default {
    setup() {
        const message = ref('Hello from Composition API!');

        const updateMessage = () => {
            message.value = 'Message updated!';
        };

        return {
            message,
            updateMessage
        };
    }
};
</script>

<style scoped>
/* Your styles here */
</style>